page {
		background: #F9F9F9;
	}
	.sport-vip {
		width: 100%;
		height: 100%;
		position: relative;
	}
	.sport-bg {
		width: 100%;
		height: 446rpx;
		position: fixed;
		top: 0%;
		left: 0;
	}
	.sport-title {
		width: 364rpx;
		height: 110rpx;
		position: fixed;
		// top: 170rpx;
		left: 90rpx;
	}
	.sport-vip-tab {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		text-align: center;
		
	}
	.demo {
		color: #fff;
		display: flex;
	}
	.demo-title {
		font-size: 36rpx;
		font-weight: 500;
		color: #ffffff;
		width: 625rpx;
	}
	.left-icon {
		width: 40rpx;
		height: 40rpx;
		margin-left: 20rpx;	
	}
	.icon-image {
		width: 18rpx;
		height: 30rpx;
	}
	.sport-box {
		width: 100%;
		position: relative;
		
		
	}
	.charts-box {
		width: 100%;
		margin-top: 48rpx;
		position: relative;
		padding-top: 98rpx;
		.yaoyue-type {
			width: 158rpx;
			height: 62rpx;
			background: #FFFFFF;
			border-radius: 32rpx;
			font-weight: 500;
			font-size: 28rpx;
			color: #FF5B02;
			text-align: center;
			line-height: 62rpx;
			position: absolute;
			right: 60rpx;
			top: 0%;
		}
		.yaoyue-view {
			width: 100%;
			background: #FFFFFF;
			border-radius: 0rpx 90rpx 0rpx 0rpx;
			.charts-box-head {
				width: 100%;
				display: flex;
				justify-content: space-between;
				padding-right: 50rpx;
				box-sizing: border-box;
				.head-box {
					width: 140rpx;
					height: 140rpx;
					position: relative;
					margin-top: -70rpx;
					margin-left: 70rpx;
					.username-image {
						width: 140rpx;
						height: 140rpx;
						border: 4rpx solid #FFFFFF;
						border-radius: 50%;
					}
					.user-sex-icon {
						width: 40rpx;
						height: 40rpx;
						position: absolute;
						bottom: 0%;
						right: 0;
					}
				}
				.head-title {
					width: 400rpx;
					margin-top: 20rpx;
					.head-title-name {
						font-weight: 500;
						font-size: 32rpx;
						color: #333333;
					}
					.head-title-old {
						font-weight: 400;
						font-size: 26rpx;
						color: #333333;
						margin-left: 20rpx;
					}
				}
				.head-phone {
					width: 50rpx;
					height: 50rpx;
					margin-top: 14rpx;
				}
				
			}
		}
		
		
	}
	
	
	.tags-line {
		padding-left: 30rpx;
		padding-top: 40rpx;
		box-sizing: border-box;
		.tags-title {
			display: flex;
			.title {
				font-weight: 500;
				font-size: 30rpx;
				color: #333333;
				line-height: 40rpx;
			}
			
		}
		.tags-line-view {
			margin-top: 30rpx;
			display: flex;
			.choose-scroll {
				display: flex;
				white-space: nowrap;
				position: relative;
				.choose-line {
					position: absolute;
					width: 950rpx;
					border-bottom: 3rpx dashed #CCCCCC;
					left: 50rpx;
					top: 15rpx;
				}
				.choose-item {
					display: inline-block;
					text-align: center;
					margin-right: 40rpx;
					position: relative;
					.choose-icon {
						width: 30rpx;
						height: 30rpx;
						display: inline-block;
					}
					.choose-text {
						font-weight: 400;
						font-size: 22rpx;
						color: #333333;
						margin-top: 20rpx;
					}
					
				}
			}
		}
	}
	
	.reason-view {
		width: 100%;
		background-color: #fff;
		padding: 20rpx 30rpx 40rpx 30rpx;
		box-sizing: border-box;
		.reason-view-box {
			background: #F9F9F9;
			border-radius: 10rpx;
			padding: 20rpx;
			box-sizing: border-box;
			font-weight: 400;
			font-size: 26rpx;
			color: #333333;
			line-height: 36rpx;
		}
	}
	
	
	.activity-detail-box {
		padding-top: 40rpx;
		display: flex;
		justify-content: space-between;
		.user-box-title {
			// width: 100%;
			// display: flex;
			// justify-content: space-between;
			.title-bg {
				width: 72rpx;
				height: 82rpx;
			}
			
		}
		.title-right {
			width: 648rpx;
			padding-top: 20rpx;
			padding-right: 30rpx;
			box-sizing: border-box;
			.right-top {
				width: 100%;
				display: flex;
				justify-content: space-between;
				.top-title {
					font-weight: 500;
					font-size: 30rpx;
					color: #333333;
					line-height: 42rpx;
				}
				.top-place {
					height: 36rpx;
					font-weight: 500;
					font-size: 22rpx;
					color: #46973B;
					line-height: 36rpx;
					display: flex;
					.place-icon {
						width: 30rpx;
						height: 30rpx;
						margin-top: 4rpx;
					}
					.right-bottom-text {
						margin-left: 8rpx;
					}
					
				}
				.top-num {
					font-weight: 400;
					font-size: 28rpx;
					color: #333333;
					line-height: 40rpx;
				}
			}
			.right-bottom {
				width: 100%;
				display: flex;
				justify-content: space-between;
				margin-top: 30rpx;
				.bottom-title {
					width: 550rpx;
					font-weight: 400;
					font-size: 28rpx;
					color: #333333;
					line-height: 40rpx;
					white-space: nowrap;
					overflow: hidden; 
					text-overflow: ellipsis;
				}
				.price-icon {
					width: 30rpx;
					height: 30rpx;
					margin-top: 6rpx;
				}
			}
			.bottom-users {
				margin-top: 30rpx;
				display: flex;
				justify-content: space-between;
				.user-icon {
					width: 80rpx;
					height: 80rpx;
					border-radius: 50%;
				}
				.user-name {
					display: flex;
					justify-content: space-between;
					width: 520rpx;
					.user-name-text {
						font-weight: 400;
						font-size: 26rpx;
						color: #333333;
						line-height: 80rpx;
						width: 340rpx;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis; 
					}
					.user-name-line {
						font-weight: 400;
						font-size: 26rpx;
						color: #FABB2B;
						line-height: 80rpx;
						width: 150rpx;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis; 
						
					}
				}
			}
		}
		
		
	}
	
	
	.coach-user {
		background: #F9F9F9;
		padding-top: 20rpx;
		box-sizing: border-box;
		.user-box {
			background-color: #fff;
			padding-bottom: 100rpx;
			box-sizing: border-box;
			.slogan-view {
				padding: 40rpx 60rpx 0 60rpx;
				box-sizing: border-box;
				.slogan-view-box {
					width: 100%;
					background: #EFFCDC;
					border-radius: 40rpx 0rpx 40rpx 40rpx;
					padding: 30rpx 40rpx;
					box-sizing: border-box;
					.slogan-title {
						width: 130rpx;
						height: 52rpx;
					}
					.slogan-text {
						font-weight: 400;
						font-size: 28rpx;
						color: #80BD48;
						line-height: 40rpx;
						margin-top: 10rpx;
					}
				}
			}
		}
		
	}
	